<!--
 * @Author: Leng
 * @Date: 2021-03-24 11:25:03
 * @Description: name不要和vue-leng中该组件name相同哟,不然会引起堆栈溢出哦
 * @FilePath: \vue-leng-demo\src\components\common\SvgData.vue
-->

<template>
    <div class="svgContent">
      <span>svg:</span><zvg class="select-svg" :modelValue="iconName"></zvg>
      <span>iconfont:</span><i class="iconfont" :class="iconName"></i>
    </div>
</template>

<script setup lang="ts">
import { onMounted, onUnmounted } from "vue"

// import { tool } from 'vue-leng'
const iconName = 'icon-weixin'
onMounted(() => {
  // tool.loadIconfont()
})
onUnmounted(() => {
  // tool.destructIconfont()
})
</script>

<style lang="scss" scoped>
.svgContent{
  display: flex;
  align-items: center;
  justify-content: space-around;
  .icon-zvg {
    height: 2rem;
    width: 2rem;
  }
  .iconfont{
    color: #08BA06;
    font-size: 2rem;
  }
}
</style>


